.like-button {
	align-items: center;
	display: flex;
	color: var(--color-text-subtle);
	fill: var(--color-text-subtle);
	cursor: pointer;
	box-sizing: border-box;
	height: 20px;
	gap: 4px;
}

.like-button:hover {
	color: var(--color-link);
}

.like-button:hover svg {
	fill: var(--color-link);
}

.like-button.liked {
	fill: var(--color-link);
	color: var(--color-link);
}

.like-button.has-count.has-label .like-button__label-status::before {
	content: " ";
}

@include breakpoint-deprecated("<480px") {
	.like-button__label-status {
		display: none;
	}
}

.like-button__label {
	&:empty {
		display: none;
	}

	.like-button__label-count {
		font-size: $font-body-small;
	}
}

.like-button__like-icons {
	line-height: 0;
}

.reader-full-post {
	.reader-post-actions .like-button {
		padding: 0;

		.like-button__label {
			font-size: rem(14px);
		}
	}
}
